// pages/feedback/index.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    active: 0,
    textVal: '',
    fileList: [{
        url: 'https://img.yzcdn.cn/vant/leaf.jpg',
        name: '图片1',
      },
      // Uploader 根据文件后缀来判断是否为图片文件
      // 如果图片 URL 中不包含类型信息，可以添加 isImage 标记来声明
      {
        url: 'http://iph.href.lu/60x60?text=default',
        name: '图片2',
      },
    ],
  },
  UpLoadImgs: [],
  deleteImg(e) {
    let index = e.detail.index
    this.data.fileList.splice(index, 1)
    this.setData({
      fileList: this.data.fileList
    })
  },
  changeVal(e) {
    this.setData({
      textVal: e.detail.value
    })
  },
  submit() {
    const {
      textVal,
      fileList
    } = this.data
    if (!textVal.trim()) {
      return wx.showToast({
        icon: "error",
        title: '输入不合法',
        mask: true
      })
    }
    wx.showLoading({
      title: '上传中',
      mask: true
    })
    // 当设置 mutiple 为 true 时, file 为数组格式，否则为对象格式 文件上传 不支持多个文件同时上传
    if (fileList.length != 0) {
      fileList.forEach((item, index) => {
        wx.uploadFile({
          url: 'https://img.coolcr.cn/api/upload', // 仅为示例，非真实的接口地址
          filePath: item,
          name: 'image',
          formData: {},
          success(result) {
            let url = JSON.parse(result.data).data.url;
            this.UpLoadImgs.push(url);
            if (i === chooseImgs.length - 1) {
              wx.hideLoading();
              console.log("把文本的内容和外网的图片数组 提交到后台中");
              this.setData({
                textVal: "",
                fileList: []
              })
              wx.navigateBack({
                delta: 1
              });
            }
          },
        });
      })
    } else {
      console.log("只提交了文本");
      wx.hideLoading()
      wx.navigateBack({
        delta: 1
      });
    }
  },
  // wx.chooseImg选择图片api
  afterRead(event) {
    const {
      file
    } = event.detail;
    const {
      fileList = []
    } = this.data;
    fileList.push({
      ...file,
    });
    this.setData({
      fileList
    });
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})